import {Component} from 'react'
import MyContext from './context'

export default class Parent extends Component{

    render(){
        return (
            <>
                <h2>父组件</h2>
                <MyContext.Provider value={{react:"hello react"}}>
                    <Child1 />
                </MyContext.Provider>
            </>
        )
    }
}


class Child1 extends Component{
    static contextType = MyContext
    render(){
        return (
            <>
            <h2>子组件1</h2>
            <div>{this.context.hello}</div>
            </>
        )
    }
}

// class Child2 extends Component{
//     static contextType = MyContext
//     render(){
//         const {react} = this.context
//         return (
//             <>
//             <h2>子组件2</h2>
//             <div>{react}</div>
//             </>
//         )
//     }
// }